<html>
  <head>
    <meta name="viewport"
      content="
      	  width=%width,
          height=%height,
          initial-scale=1.0
          " />
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      // Az se nahraje AJAXem knihovna Google pro kresleni grafu, tak
      // zavolej funkci 'drawChart', ktera zacne kreslit grafy.
      google.setOnLoadCallback(drawChart);             
      
      // Funkce kreslici graf(y).
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
        ['objasnenost', 'procento'],
        ['ne', %ne],
        ['ano', %ano],
        ]);

      var options = {
        pieSliceText: 'none',
        legend:'none',
        pieHole: 0.8,
        slices: [
          {color: 'red'},
          {color: 'green'}]
      };
      
      // Create and draw the visualization.
      var chart = new google.visualization.PieChart(document.getElementById('chart'));
      google.visualization.events.addListener(chart, "ready", function() {
      	CallbackListener.ready();
      });
      
      chart.draw(data, options);
      }
      
      // TODO: funkce pro nastaveni velikosti kontejneru pro graf 'chart' a
      // samotneho grafu
    </script>
  </head>
  <body>
    
    <!--<div id="widthSpan"></div>-->
    <!--<div id="heightSpan"></div>-->
    <div id="chart" style="width: %width; height: %height;"></div>
  </body>
</html>